@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;} a:hover{text-decoration:none;}
a:focus{text-decoration: none;outline: none;}
img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:'Arial';color:#333; position: relative; min-width: 1400px;}
/* public */
.clearfix {*zoom: 1;}

@font-face{
	font-family: '思源宋体';
	src:url('../font/SourceHanSerifCN-Regular-1.otf');
}

.cleartab:before,.cleartab::after{content:'';display: table;}
/* 外边距溢出 */
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
/* 高度坍塌 */
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
/* 居中 */
.main{width:100%; max-width:1280px; margin:0 auto;}/* 宽度最大 */
.fixed{position:fixed;left:0;top:0;z-index:999;}
.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}



/* 轮播图 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .hd{width:100%;padding:20px 0;text-align:center;border-bottom:1px solid #dfdfdf;position:absolute;left:0;bottom:0;transform: none;top: auto;}
.banner .hd ul{display:inline-block;}
.banner .hd ul li{width:12px;height:12px;transform: translate(0,-50%);border-radius: 50%;vertical-align: middle; display:inline-block;float:left;background-color:#a0a0a0;margin:0 8px;cursor:pointer;text-indent:-9999px;}
.banner .hd ul li.on{width: 12px;height: 12px;background-repeat: no-repeat;background-position: center;background-color: #FFFFFF; }
.banner .banner_prev,
.banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.banner .banner_prev{left:204px;background: url(../images/banner_prev.png) no-repeat center/14px 26px;}
.banner .banner_next{right:204px;background: url(../images/banner_next.png) no-repeat center/14px 26px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}
.banner .cur{width:20px; height:40px; display:inline-block; position:absolute; left:50%; bottom:30px; margin-left:10px; background:url(../images/cursor.png) no-repeat center; cursor:pointer;}



.header{height: 70px;background-color: rgba(255,255,255,.6);width: 100vw;position: relative;z-index: 2;left: 0;top: 0;border-bottom: 1px solid #000000;}
.header h1{display: inline-block;width: 198px;height: 48px;margin-top: 11px;background: url(../images/logo01.png) no-repeat center/198px 48px;}
.header h1 a{width: 100%;height: 100%;display: block;text-indent: -9999px;}
.header i.menu{width: 35px;float: right;height: 23px;cursor: pointer;transition: .5s;margin-top: 23px;margin-left: 40px;display: inline-block;background: url(../images/icon02.png) no-repeat center/35px 23px;}
.header i.menu.on{background: url(../images/back.png) no-repeat center/26px 23px;}
.header .drop {width: 100%;background: rgba(255,255,255, .85);padding: 0px 0px;position: absolute;text-align: center;left: 0px;top: 71px;overflow: hidden;transition: .5s;z-index: 2;}
.header .main>.drop>ul{width: 100%;display: none;padding: 134px 0;text-align: center;}
.header .main>.drop>ul>li{width: 100%;}
.header .main>.drop>ul a{transition: .5s;font-size: 25px;line-height: 72px;}
.header .main>.drop>ul>li:hover>a{color: #f5a423;}
.header .main>.drop>ul>li:nth-of-type(2)>a{position: relative;}
.header .main>.drop>ul>li.hd{position: relative;}
.header .main>.drop>ul>li.hd::after{top: 35px;left: 50%;content: '';width: 25px;height: 25px;transition: .5s;margin-left: 50px;position: absolute;display: inline-block;transform-origin:50% 50%;vertical-align: text-top;transform: translateY(-50%) rotate(-180deg);background: url(../images/icon10.png) no-repeat center/16px 16px;}
.header .main>.drop>ul>li.hd.on::after{transform: translateY(-50%) rotate(0deg);background: url(../images/icon11.png) no-repeat center/16px 16px;}
.header .main>.drop>ul>li>ul{display: none;transform: translateX(50%);}
.header .main>.drop>ul>li>ul>li{text-align: left;line-height: 43px;}
.header .main>.drop>ul>li>ul>li>a{font-size: 22px;transition: .25s;line-height: 43px;}
.header .main>.drop>ul>li>ul>li>a::before{content: '-';margin: 0 40px;display: inline-block;}
.header .main>.drop>ul>li>ul>li>a:hover{color: #f5a423;}
.header .head_form{ float: right; height: 30px;margin-top: 20px;position: relative;}
.header .head_form input{background-color: transparent;width: 180px;height: 100%;vertical-align: top;border-bottom: 2px solid #000000;}
.header .head_form input::placeholder{color: #999999;font-size: 14px;}
.header .head_form button{border: 0;padding: 0;right: 0px;bottom: 2px;width: 20px;height: 30px;outline: none;cursor: pointer;position: absolute;background: url(../images/icon01.png) no-repeat center/20px 20px;}
.iheader{height: 70px;background-color: rgba(255,255,255,.6);width: 100vw;position: fixed;z-index: 2;left: 0;top: 0;}




/* 底部 */
.footer{color:#666666;font-size: 15px; line-height: 36px;margin-top: 110px;}
.footer .foot_contact{height: 200px;background-color: #eeeeee;}
.footer .foot_contact h3{float: left;color: #333333;font-size: 32px;line-height: 200px;}
.footer .foot_contact a{width: 450px;height: 60px;float: right;color: #FFFFFF;transition: .5s;font-size: 16px;margin-top: 70px;line-height: 60px;font-weight: bold;text-align: center;background-color: #f18d22;}
.footer .foot_contact a:hover{background-color: #e07c11;}
.footer .foot_contact a::after{content: '';width: 40px;height: 36px;margin-left: 21px;display: inline-block;vertical-align: middle;background: url(../images/icon05.png) no-repeat center/40px 36px;}
.footer>.main{padding: 50px 0;min-height: unset;}
.footer .fl{float: left;}
.footer .fl .img,.footer .fl .text{display: table-cell;vertical-align: top;}
.footer .fl .text{padding-left: 20px;}
.footer .fl .text h3{color: #333333;font-size: 16px;line-height: 20px;font-weight: bold;margin-bottom: 10px;}
.footer .fl .text .bshare-custom{margin-top: 10px;}
.footer .fl .text p{color: #333333;font-size: 14px;line-height: 20px;}
.footer .fr{float: right;line-height: 130px;}
.footer .fr ul{float: right;margin-left: 30px;}
.footer .fr ul li{float: left;margin: 0 5px;}
.footer .fr ul li a{color: #f18d22;font-size: 14px;line-height: 20px;font-weight: bold;}
.footer .fr ul li a:hover{color: #d06b00;}
.bshare-facebook{height: 20px !important;padding-left: 20px !important;background: url(../images/footer_icon01.jpg) no-repeat center/20px 20px !important;}
.footer .copy{height: 50px;color: #ffffff;line-height: 50px;text-align: center;background-color: #f18d22;}
.footer .copy a:hover{color: #dddddd;}


.iab{margin-top: 60px;}
.iab .iab_box{float: left;position: relative;margin-right: 32px;margin-bottom: 130px;}
.iab .iab_box:nth-of-type(3){margin-right: 0;}
.iab .iab_box .img_box{width: 405px;height: 365px;overflow: hidden;}
.iab .iab_box .img_box img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.iab .iab_box:hover .img_box img{transform: scale(1.1,1.1);}
.iab .iab_box .text_box{width: 355px;height: 195px;padding: 30px;display: block;color: #FFFFFF;top: 230px;left: 50%;transform: translateX(-50%);position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;background-color: rgba(241,141,34,.85);}
.iab .iab_box .text_box h3{font-size: 22px;line-height: 24px;font-weight: bold;margin-bottom: 16px;}
.iab .iab_box .text_box p{font-size:16px;min-height: 48px;overflow: hidden;line-height: 24px;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.iab .iab_box .text_box em{font-size: 14px;line-height: 24px;font-weight: bold;}
.iab .iab_box .text_box em::after{content: '';width: 14px;height: 16px;transition: .5s;margin-left: 6px;vertical-align: sub;display: inline-block;background: url(../images/icon03.png) no-repeat center;}
.iab .iab_box:hover .text_box em::after{margin-left: 16px;}
.iab .iab_box:nth-of-type(4){margin:0 43px 0 22px;}
.iab .iab_box:nth-of-type(4) .img_box{width: 675px;height: 550px;overflow: hidden;}
.iab .iab_box:nth-of-type(4) .text_box{width: 675px;height: 195px;padding: 30px;display: block;color: #FFFFFF;top: 300px;left: calc(50% - 23px);transform: translateX(-50%);position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;background-color: rgba(241,141,34,.85);}
.iab .iab_box:nth-of-type(4),.iab .iab_box:nth-of-type(5){margin-bottom: 0;}
.iab .iab_box:nth-of-type(4) .text_box h3,.iab .iab_box:nth-of-type(5) .text_box h3{font-size: 32px;font-weight: unset;}
.iab .iab_box:nth-of-type(5){width: 540px;height: 550px;margin-right: 0;background-color: #939393;}
.iab .iab_box:nth-of-type(5) .text_box{width: 100%;height: 100%;position: unset;padding: 50px;transform: translateX(0);background-color: transparent;}
.iab .iab_box:nth-of-type(5) .text_box h3{line-height: 52px;}
.iab .iab_box:nth-of-type(5) .text_box p{font-size: 16px;line-height: 30px;overflow: unset;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: unset;text-overflow: ellipsis;-webkit-box-orient: vertical;}


.itit{text-align: center;}
.itit h2{font-size: 32px;line-height: 24px;margin-top: 100px;}
.itit p{color: #666666;font-size: 16px;margin-top: 20px;line-height: 24px;}


.ipro .bd{margin-top: 25px;padding: 0 17.5px;position: relative;}
.ipro .bd li{float: left;margin: 0 42.5px;overflow: hidden;text-align: center;}
.ipro .bd .img_box{width: 330px;height: 330px;border-bottom: 1px solid #000000;}
.ipro .bd li .img_box img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.ipro .bd li:hover .img_box img{transform: scale(1.1,1.1);}
.ipro .bd p{font-size: 16px;margin-top: 16px;line-height: 36px;text-align: center;}
.ipro .ipro_prev,.ipro .ipro_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.ipro .ipro_prev{left:0;background: url(../images/ipro_prev.png) no-repeat center/19px 20px;}
.ipro .ipro_next{right:0;background: url(../images/ipro_next.png) no-repeat center/19px 20px;}
.ipro .ipro_prev:hover,.ipro .ipro_next:hover{opacity:1;}



.inews .inews_list_box{height: 600px;padding-top: 50px;position: relative;background: url(../images/inews_bg.jpg) no-repeat center bottom/100% 600px;}
.inews .inews_list_box .main{}
.inews .inews_list_box .main .inews_list{font-size: 14px;line-height: 24px;max-width: 1280px;position: relative;}
.inews .inews_list_box .inews_list{color: #000000;}
.inews .inews_list_box .inews_list .left h3{width: 80%;font-size: 20px;line-height: 24px;}
.inews .inews_list_box .inews_list .left .text_box{margin-top: 25px;position: relative;}
.inews .inews_list_box .left{width: 50%;float: left;padding: 55px 80px 55px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inews .inews_list_box .left .img_box{width: 560px;height: 390px;overflow: hidden;}
.inews .inews_list_box .inews_list i,.inews .inews_list_box .inews_list em{font-weight: bold;}
.inews .inews_list_box .inews_list .left i{top: 0;right: 0;position: absolute;}
.inews .inews_list_box .inews_list .left p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.inews .inews_list_box .box1{width: 50%;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 55px 0 55px 60px;}
.inews .inews_list_box .box2{width: 50%;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 55px 0 55px 60px;}
.inews .inews_list_box .box1 .img_box,.inews .inews_list_box .box2 .img_box{width: 275px;height: 192px;overflow: hidden;}
.inews .inews_list_box .box1 .text_box,.inews .inews_list_box .box2 .text_box{padding-left: 25px;display: table-cell;}
.inews .inews_list_box .box1 .text_box h3,.inews .inews_list_box .box2 .text_box h3{font-size: 20px;line-height: 20px;margin: 20px 0 17px;}
.inews .inews_list_box .box1 .text_box i,.inews .inews_list_box .box2 .text_box i{}
.inews .inews_list_box .box1 .text_box p,.inews .inews_list_box .box2 .text_box p{margin: 15px 0 25px;line-height: 20px;min-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.inews .inews_list_box .text_box em::after{content: '';width: 15px;height: 14px;transition: .5s;margin-left: 6px;vertical-align: sub;display: inline-block;background: url(../images/icon04.png) no-repeat center;}
.inews .inews_list_box .left:hover em::after,.inews .inews_list_box .box1:hover em::after,.inews .inews_list_box .box2:hover em::after{margin-left: 16px;}
.inews .inews_list_box .img_box img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.inews .inews_list_box .left:hover .img_box img,.inews .inews_list_box .box1:hover .img_box img,.inews .inews_list_box .box2:hover .img_box img{transform: scale(1.1,1.1);}



.ins_img{height: 222px;}
.ins_img img{width: 100%;height: 100%;object-fit: cover;}


.tit02{margin-bottom: 60px;}
.tit02 h2{color: #f18d22;font-size: 32px;margin-top: 45px;text-align: center;}



.tab .nav{margin: 10px 0 40px;}
.tab .nav li{float: left;}
.tab .nav li+li::before{content: '/';margin: 0 5px;display: inline-block;}
.tab .nav li a{transition: .5s;font-size: 14px;line-height: 20px;}
.tab .nav li a:hover{color: #F18D22;}



.news .list_box .news_box{width: 50%;float: left;margin-bottom: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.news .list_box .news_box:nth-of-type(odd){/* margin-right: 2%; */border-right: 1px solid #d2d2d2;}
.news .list_box .news_box:nth-of-type(even){width: 48%;margin-left: 2%;}
.news .list_box .news_box .img_box,.news .list_box .news_box .text_box{display: table-cell;}
.news .list_box .news_box .img_box{width: 275px;height: 192px;overflow: hidden;}
.news .list_box .news_box .img_box img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.news .list_box .news_box:hover .img_box img{transform: scale(1.1,1.1);}
.news .list_box .news_box .text_box{width: 305px;font-size: 14px;line-height: 24px;padding-left: 20px;padding-top: 10px;position: relative;}
.news .list_box .news_box .text_box h3{color: #000000;font-size: 16px;font-weight: bold;line-height: 17px;margin: 18px 0 13px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news .list_box .news_box .text_box i::before{content: '';width: 15px;height: 15px;margin-right: 13px;display: inline-block;vertical-align: text-top;background: url(../images/icon07.png) no-repeat center/15px 15px;}
.news .list_box .news_box .text_box p{color: #000000;font-size: 14px;margin: 0 0 32px;line-height: 20px;min-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news .list_box .news_box .text_box em{left: 20px;bottom: 7px;font-size: 14px;line-height: 24px;font-weight: bold;position: absolute;}
.news .list_box .news_box .text_box em::after{content: '';width: 15px;height: 14px;transition: .5s;margin-left: 9px;display: inline-block;vertical-align: middle;background: url(../images/icon04.png) no-repeat center/15px 14px;}
.news .list_box .news_box:hover .text_box em::after{margin-left: 14px;}



.newsv{padding-top:30px;padding-bottom:80px;}
.newsv_box .info_box{width:1300px;margin:0 auto;}
.newsv_box .nvtit{padding:30px 0;text-align:center;}
.newsv_box .nvtit h2{font-size:20px;color:#333;font-weight:bold;padding:5px 0;}
.newsv_box .nvtit p{font-size:16px;color:#6f6f6f;}
.newsv_box .text_box{font-size:16px;color:#333;line-height:28px;padding-bottom:30px;}
.newsv_box .text_box p{margin-bottom: 30px;color: #666666;line-height: 30px;}
.newsv_box .btn_box{height:65px;line-height:65px; background-color: #f8f8f8;margin-top: 77px;padding: 0 20px;}
.newsv_box .btn_box a:nth-child(2){height:65px;line-height:65px; background-color: #f8f8f8;float: right;}
.newsv_box .btn_box a{display:inline-block;height:65px;font-size:15px;color:#444;transition: all .5s;}
.newsv_box .btn_box a:hover{color: #f5a423;}



.pages a{margin: 0 15px;transition: .5s;font-size: 16px;line-height: 20px;font-weight: bold;}
.pages a.on,.pages a:hover{color: #f18d22;}


.design{margin-bottom: 210px;}
.design .text_box{width: 100%;font-size: 16px;line-height: 20px;-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2;-moz-column-gap:100px; /* Firefox */-webkit-column-gap:100px; /* Safari and Chrome */column-gap:100px;}


.photo .list_box .list{float: left;margin-bottom: 35px;}
.photo .list_box .list:nth-of-type(odd){margin-right: 30px;}
.photo .list_box .list .img_box{width: 625px;height: 468px;overflow: hidden;}
.photo .list_box .list .img_box img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.photo .list_box .list:hover .img_box img{transform: scale(1.1,1.1);}



.ab_main{margin-top: 70px;}
.ab_main>.text_box{font-size: 16px;line-height: 25px;-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2;-moz-column-gap:134px; /* Firefox */-webkit-column-gap:134px; /* Safari and Chrome */column-gap:134px;}
.ab_main .long_img{height: 915px;margin: 40px 0 90px;}
.ab_main .long_img img{width: 100%;height: 100%;object-fit: cover;}
.ab_main .technology .list{height: 550px;position: relative;}
.ab_main .technology .list .img_box,.ab_main .technology .list .text_box{width: 50%;float: left;}
.ab_main .technology .list .text_box{font-size: 16px;line-height: 28px;padding-top: 95px;}
.ab_main .technology .list:nth-of-type(odd) .text_box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 80px;}
.ab_main .technology .list:nth-of-type(even) .text_box{top: 0;right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 80px;position: absolute;}



.tel .bl{width: 325px;margin-left: 245px;}
.tel .bl h3{color: #f18d22;font-size: 20px;line-height: 20px;font-weight: bold;margin-bottom: 20px;}
.tel .bl P{font-size: 16px;line-height: 24px;}
.tel .br{margin-right: 245px;}
.tel .br .box+.box{margin-top: 25px;}
.tel .br .box .img{width: 50px;height: 50px;background: #000;display: table-cell;}
.tel .br .box:nth-of-type(1) .img{background: url(../images/cont_01.png) no-repeat center/50px 50px;}
.tel .br .box:nth-of-type(2) .img{background: url(../images/cont_02.png) no-repeat center/48px 48px;}
.tel .br .box .text{font-size: 16px;line-height: 24px;padding-left: 25px;display: table-cell;vertical-align: middle;}



.contact{margin-top: 115px;}
.contact h3{font-size: 32px;text-align: center;}
.contact h4{margin: 25px 0 55px;font-size: 16px;text-align: center;}
.contact .br{position: relative;}
.contact input{width: 578px;height: 55px;display: block;font-size: 16px;text-indent: 25px;margin-bottom: 30px;background-color: #eeeeee;}
.contact input::placeholder{color: #aaaaaa;font-size: 16px;}
.contact textarea{width: 578px;display: block;line-height: 30px;font-family: Arial;padding: 10px 0 10px 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 30px;resize: none;font-size: 16px;background-color: #eeeeee;}
.contact textarea::placeholder{color: #aaaaaa;font-size: 16px;}
.contact select{border: 0;width: 578px;height: 55px;outline: none;color: #333;font-size: 16px;appearance: none;position: relative;padding-left: 25px;margin-bottom: 30px;-moz-appearance: none;-webkit-appearance: none;background-color: #EEEEEE;}
.contact select:placeholder{color: #aaaaaa;font-size: 16px;}
.contact .br{max-width: 578px;}
.contact .br::after{top: 23px;content: "";width: 14px;right: 20px;height: 8px;/*通过定位将图标放在合适的位置*/position: absolute;/*给自定义的图标实现点击下来功能*/pointer-events: none;background: url(../images/arrow-down.png) no-repeat center;}
.contact .br input[type=checkbox]{margin: 0 12px 0 0;width: 15px;height: 15px;position: relative;visibility: hidden;display: inline-block;background-color: #000000;}
.contact .br input[type=checkbox]::after{top: 0;left: 0;width: 15px;height: 15px;content: "✓";color: #FFFFFF;text-indent: 0;font-size: 12px;line-height: 15px;padding-left: 0px;font-weight: bold;position: absolute;text-align: center;visibility: visible;display: inline-block;border: 1px solid #7d7d7d;}
.contact .br input[type=checkbox]:checked::after{color: #000000;}
.contact .br button.btn{border: 0;width: 140px;height: 55px;color: #FFFFFF;transition: .5s;font-size: 16px;line-height: 55px;text-align: center;background-color: #f18d22;}
.contact .br button.btn:hover{background-color: #E07C11;}
.contact input.verify{float: left;width: 350px;height: 55px;font-size: 16px;text-indent: 25px;margin-bottom: 30px;display: inline-block;background-color: #eeeeee;}
.contact .img{float: left;width: 200px;height: 55px;margin-left: 28px;margin-bottom: 30px;display: inline-block;}
.contact .img img{width: 100%;height: 100%;object-fit: cover;}
.contact .br .box{padding: 5px 0;margin-left: 20px;display: inline-block;vertical-align: bottom;}
.contact .br .box label{display: block;}
.contact .br .box label+label{margin-top: 10px;}



.rec{margin-bottom: 115px;}
.rec .roof .text_box{float: left;width: 545px;font-size: 17px;line-height: 34px;padding-right: 112px;display: inline-block;}
.rec .roof .yule{float: left;position: relative;display: inline-block;}
.rec .roof .yule .yule_prev{top: 50%;left: 20px;width: 13px;height: 21px;color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;font-family: '宋体';background: url(../images/arr-left.png) no-repeat center;}
.rec .roof .yule .yule_next{top: 50%;right: 20px;width: 13px;height: 21px;color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;font-family: '宋体';background: url(../images/arr-right.png) no-repeat center;}
.rec .roof .img_box{width: 623px;height: 380px;}



.pro a.back{width: 100px;display: block;color: #f18d22;font-size: 14px;transition: .5s;text-align: center;margin: 20px auto 0;}
.pro a.back:hover{color: #E07C11;}
.pro a.back+h2{margin-top: 35px;}
.pro h2{color: #f18d22;font-size: 32px;text-align: center;margin: 70px 0 65px;}
.pro .pt{text-align: center;}
.pro .pt h3{color: #F18D22;display: inline-block;}
.pro .pt ul{vertical-align: middle;display: inline-block;}
.pro .pt ul li{float: left;width: 240px;text-align: center;}
.pro .pt ul li::before{float: left;content: '';width: 1px;height: 20px;display: inline-block;background-color: #000000;}



.select_box{color: #666666;margin: unset;position: relative;border-radius: 25px;display: inline-block;}
.select_box.on{border-radius: 25px 25px 0 0;}
.select_box .select_txt{width: 99%;font-size: 15px;text-align: center;position: relative;cursor: pointer;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.select_box .select_txt::after{top: 6px;content: '';width: 12px;height: 8px;margin-left: 10px;position: absolute;display: inline-block;background: url(../images/icon09.png) no-repeat center;}


.option{z-index:2;top: 45px;width:100%;display:none;max-height: 406px;position:absolute;overflow-y: scroll;overflow-x: hidden;border:solid 1px #bfbfbf;}
.option a{width:100%;display:block;cursor: pointer;text-align:left;font-size: 14px;background:#fff;line-height:30px;padding-left: 14px;}
.option a:hover{background:#EEEEEE;}



.pro .pb .list_box{margin-top: 80px;}
.pro .pb .list{float: left;margin-bottom: 23px;}
.pro .pb .list:not(:nth-of-type(3n)){margin-right: 145px;}
/* .pro .pb .list .img_box{width: 330px;height: 330px;overflow: hidden;position: relative;border: 1px solid #000000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */
/* .pro .pb .list .img_box::after{content: '';display: inline-block;position: absolute;} */


/* @-webkit-keyframes myfirst{
	0%   {left:-55px; top:-55px;}
	25%  {left:325px; top:-55px;}
	50%  {left:325px; top:325px;}
	75%  {left:-55px; top:325px;}
	100% {left:-55px; top:-55px;}
}

@keyframes myfirst{
	0%   {left:-55px; top:-55px;}
	25%  {left:325px; top:-55px;}
	50%  {left:325px; top:325px;}
	75%  {left:-55px; top:325px;}
	100% {left:-55px; top:-55px;}
} */
/* .pro .pb .list .img_box:hover::after{animation:myfirst 2s infinite;-moz-animation:myfirst 2s infinite; -webkit-animation:myfirst 2s infinite; -o-animation:myfirst 2s infinite; } */
/* .pro .pb .list .img_box img{transition: .5s;} */
.pro .pb .list p{font-size: 16px;line-height: 67px;text-align: center;border-top: 1px solid #000000;}



/*  */
.pro .pb .list a{position: relative;width: 330px;height: 330px;}
.pro .pb .list .img_box{width: 330px;height: 330px;overflow: hidden;position: relative;border: 1px solid #000000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro .pb .list .img_box::before, .pro .pb .list .img_box::after {position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;}
.pro .pb .list .img_box::before, .pro .pb .list .img_box::after {content: '';box-shadow: inset 0 0 0 2px #ff0000;animation: clip 8s linear infinite;}
.pro .pb .list .img_box:hover::before, .pro .pb .list .img_box:hover::after {animation: clip 8s linear infinite;}
.pro .pb .list .img_box::before {  animation-delay: 0s;  }  
@-webkit-keyframes myfirst{  
	0%, 100% {  clip: rect(0px, 220.0px, 2px, 0px);  }  
	25% {  clip: rect(0px, 2px, 220.0px, 0px);  }  
	50% {  clip: rect(218.0px, 220.0px, 220.0px, 0px);  }  
	75% {  clip: rect(0px, 220.0px, 220.0px, 218.0px);  }     
}
@keyframes myfirst{  
	0%, 100% {  clip: rect(0px, 220.0px, 2px, 0px);  }  
	25% {  clip: rect(0px, 2px, 220.0px, 0px);  }  
	50% {  clip: rect(218.0px, 220.0px, 220.0px, 0px);  }  
	75% {  clip: rect(0px, 220.0px, 220.0px, 218.0px);  }     
}


/*  */



.photo_small{max-width: 1920px;margin: 0 auto;text-align: center;}
.photo_small h2{font-size: 32px;text-align: center;margin: 50px auto 40px;}
.photo_small .list{overflow: hidden;margin-bottom: 40px;}
.photo_small .list .img{float: left;width: 33.3%;height: 480px;overflow: hidden;}
.photo_small .list .img img{width: 100%;height: 100%;transition: .5s;object-fit: cover;}
.photo_small .list .img img:hover{transform: scale(1.1,1.1);}
.photo_small a{font-size: 14px;line-height: 24px;font-weight: bold;text-align: center;margin: 40px 0 40px;}
.photo_small a::after{content: '';width: 15px;height: 15px;transition: .5s;margin-left: 15px;display: inline-block;vertical-align: text-top;background: url(../images/icon04.png) no-repeat center;}
.photo_small a:hover::after{margin-left: 20px;}
.photo_small p{font-size: 15px;margin: 30px auto 0;max-width: 1160px;line-height: 23px;text-align: center;}



.rest{margin-top: 90px;}
.rest h2{font-size: 32px;text-align: center;margin-bottom: 50px;}
.rest .list{float: left;}
.rest .list:not(:nth-of-type(3n)){margin-right: 145px;}
.rest .list .img_box{width: 330px;height: 330px;overflow: hidden;}
.rest .list .img_box img{transition: .5s;object-fit: contain;}
.rest .list:hover .img_box img{transform: scale(1.1,1.1);}
.rest .list p{font-size: 16px;padding-top: 25px;text-align: center;border-top: 1px solid #000000;}



.prov a.back{width: 100px;display: block;color: #f18d22;font-size: 14px;transition: .5s;text-align: center;margin: 16px auto 0;}
.prov a.back:hover{color: #E07C11;}
.prov a.back+h2{margin-top: 33px;}
.prov h2{color: #f18d22;font-size: 32px;text-align: center;margin: 70px 0 105px;}
.prov .bl{width: 665px;overflow: hidden;}
.prov .bl .hd ul li{float: left;}
.prov .bl .bd li{float: left;}
.prov .bl .bd .img_box{width: 665px;height: 665px;overflow: hidden;}
.prov .bl .hslide{margin-top: 20px;}
.prov .bl .hslide .hd ul li{float: left;margin: 0 15px;margin-bottom: 5px;}
.prov .bl .hslide .hd .img_box{width: 100px;height: 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #000000;}
.prov .bl .hslide .hd .img_box img{height: 100%;object-fit: contain;border: none;max-width: 100%;max-height: 100%;vertical-align: middle;}
.prov .br .text_box{width: 515px;color: #000000;font-size: 18px;line-height: 36px;}
.prov .br .pro_box{margin-top: 60px;text-align: center;display: inline-block;}
.prov .br .pro_box .img{width: 112px;height: 112px;}
.prov .br .pro_box h5{color: #000000;font-size: 16px;line-height: 23px;}
.prov .br .pro_box p{color: #999999;font-size: 14px;line-height: 23px;}
.prov .prov_box>.text_box{margin-top: 63px;}
.prov .prov_box>.text_box::before{content: '';clear: both;}



.privacy .text{font-size: 14px;line-height: 20px;}
.privacy .text h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.privacy .text p{margin-bottom: 40px;}
.privacy .text i{display: block;font-weight: bold;margin-bottom: 20px;}
.privacy .text em{display: block;margin-top: 20px;font-weight: bold;}
.privacy .text em::before,.privacy .text i::before{content: '';width: 22px;height: 22px;margin-right: 5px;display: inline-block;vertical-align: middle;background: url(../images/icon08.png) no-repeat center/22px 22px;}
.privacy .text strong{display: block;}
.privacy .text .supp{line-height: 25px;}
.privacy a{float: right;color: #f18d22;font-size: 16px;}
.privacy a:hover{color: #E07C11;}